//创建用户相关的小仓库
import { defineStore } from 'pinia'
//引入登录请求函数
// 引入获取用户信息的方法
import { reqLogin, reqUserInfo } from '@/api/user'
import type { UserState } from './types/type'
// 引入操作本地存取和读取数据的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//引入路由(常量路由)
import { constantRoute } from '@/router/routes'
import { ElMessage } from 'element-plus'
let useUserStore = defineStore('User', {
  //小仓库存储数据的地方
  state: (): UserState => {
    //存储数据的地方
    return {
      token: GET_TOKEN(), //用户的唯一标识token,在用户登陆成功后存储其token
      menuRoutes: constantRoute, //仓库存储生成菜单需要的数组(路由)
      username: '',
      avatar: '',
      name: '',
    }
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: any) {
      //登录请求
      let result: any = await reqLogin(data)
      //登录请求:成功200 -> token
      //登录失败:201 -> 登录失败的错误信息
      if (result.code === 1) {
        //通过pinia仓库存储token
        //由于pinia|vuex存储数据其实利用js对象
        this.token = result.data.token as string
        //本地存储持久化存储一份
        SET_TOKEN(result.data.token as string)
        //能保证当前async函数返回一个成功的promise
        this.username = result.data.username
        this.avatar =
          'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif'
        this.name = '超级管理员'
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    async userInfo() {
      // 获取用户信息存储到仓库中[用户头像、用户名]
      let result = await reqUserInfo()
      // console.log(result)
      // 如果获取到用户信息，存储到仓库中
      if (result.code === 1) {
        this.username = result.data.username
        this.avatar =
          'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif'
        // this.name = result.data.roles[0]
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 退出登录的方法
    async useLogout() {
      // console.log(result)
      // 目前没有mock接口:退出登录接口(通知服务器本地用户唯一标识失效)
      this.token = ''
      this.username = ''
      this.avatar = ''
      this.name = ''
      REMOVE_TOKEN()
      ElMessage.success('退出登录成功！')
    },
  },
  getters: {},
})

//对外暴露获取小仓库的方法
export default useUserStore
